﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Forget.aspx.cs" Inherits="SF.Dict.Web.Forget" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>忘记密码 | 挚友云海·高质量学习平台</title>
    <style type="text/css">
        body
        {
            background: none repeat scroll 0 0 #D2D8DE;
            cursor: default;
            font-family: "Microsoft Yahei" , "微软雅黑" ,Tahoma,Arial,Helvetica,STHeiti;
            font-size: 12px;
            margin: 0;
            padding: 0;
        }
        body, div, label, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, p, blockquote, th, td
        {
            margin: 0;
            padding: 0;
        }
        a:link
        {
            color: #336699;
            text-decoration: none;
        }
        a:visited
        {
            color: #666699;
            text-decoration: none;
        }
        a:hover
        {
            color: #FFFFFF;
            text-decoration: none;
            background: #003399;
        }
        a:active
        {
            color: #FFFFFF;
            text-decoration: none;
            background: #FF9933;
        }
        #wrap
        {
            min-height: 500px;
            background: url("/Common/images/wrap1911.png") repeat-x scroll center top #D2D8DE;
        }
        .page-forget h2
        {
            font-family: "Helvetica Neue" , "Luxi Sans" , "DejaVu Sans" , 'Microsoft Yahei' ,Tahoma;
            font-size: 26px;
            font-weight: normal;
            margin-top: -5px;
        }
        h1.logo a
        {
            font-size: 32px;
            font-weight: bold;
            text-decoration: none;
            color: #FFFFFF;
        }
        h1.logo a:hover
        {
            background: none;
        }
        div#forgetaction
        {
            background: none repeat scroll 0 0 #FFFFFF;
            border-radius: 5px 5px 5px 5px;
            padding: 32px 38px;
            width: 820px;
            margin: 0 auto;
            height: 300px;
        }
        div#header
        {
            margin: 0 auto 35px;
            position: relative;
            width: 840px;
        }
        .forget-item
        {
            width: 420px;
            margin-bottom: 15px;
            border: 0px solid #e4e4e4;
            position: relative;
            margin-top: 25px;
        }
        .forget-input-wrapper
        {
            height: 40px;
            overflow: hidden;
            position: relative;
            width: 340px;
            border: 1px solid #e4e4e4;
            border-radius: 3px 3px 3px 3px;
        }
        .forget-input-wrapper.focus
        {
            border: 1px solid #339bdc;
            box-shadow: 0 0 4px rgba(82, 168, 236, 0.7);
        }
        .forget-input
        {
            border: medium none;
            color: #324F65;
            font-size: 18px;
            height: 33px;
            line-height: 33px;
            width: 340px;
            padding: 4px;
            padding-top: 8px;
            position: absolute;
            top: -1px;
            left: -1px;
        }
        .forget-label
        {
            color: #92A2AF;
            cursor: text;
            font-size: 18px;
            left: 8px;
            position: absolute;
            top: 8px;
        }
        .forget-submit
        {
            background: url("/Common/images/ptag2003.png") no-repeat scroll 0 -408px transparent;
            border: medium none;
            cursor: pointer;
            height: 40px;
            text-indent: -9999em;
            width: 130px;
        }
        .page-forget .title
        {
            font-size: 14px;
            margin: 40px 0 15px;
            display:block;
        }
    </style>
</head>
<body>
    <form id="form1" runat="server">
    <div class="page-forget" id="wrap">
        <div id="header">
            <h1 class="logo">
                <a title="挚友云海" href="/">挚友云海</a></h1>
        </div>
        <div class="forget-action" id="forgetaction">
            <h2 class="info-title">
                重设密码</h2>
            <asp:PlaceHolder runat="server" ID="ph_forgetitem">
                <div class="forget-item">
                    <div class="forget-input-wrapper" id="account">
                        <asp:TextBox runat="server" ID="tb_account" CssClass="forget-input" TabIndex="1"></asp:TextBox>
                        <label class="forget-label" for="tb_account" id="lbl_account">
                            请输入你的注册邮箱</label>
                    </div>
                </div>
                <asp:Button runat="server" ID="btn_submit" CssClass="forget-submit" TabIndex="2"
                    Text="发送" OnClick="btn_submit_Click" />
            </asp:PlaceHolder>
            <asp:Label runat="server" CssClass="title" Visible="false" Text="邮件已发送到{0}，请点击其中的链接重设密码。" ID="lbl_title"></asp:Label>
        </div>
    </div>
    </form>
</body>
</html>
